@import "~common/css/_variables.scss";

:global {

  .ant-table.ant-table-small .ant-table-title,
  .ant-table.ant-table-small .ant-table-footer,
  .ant-table.ant-table-small .ant-table-thead>tr>th,
  .ant-table.ant-table-small .ant-table-tbody>tr>td,
  .ant-table.ant-table-small tfoot>tr>th,
  .ant-table.ant-table-small tfoot>tr>td {
    line-height: 36px;
    padding: 0px 8px !important;
    vertical-align: middle;
  }

  .ant-table-cell {
    border: none !important;

    .item {
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%;

      p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 5px;
      }

      i {
        white-space: nowrap;
        text-align: center;
        margin: 0 2px;
        padding: 2px 4px;
        color: $cff4400;
        font-size: $fz12;
        width: 32px;
        height: 16px;
      }
    }

    .btn_box {
      position: relative;
      left: -5px;
      display: flex;
      align-items: center;
      justify-content: space-around;
      height: 36px;

      i {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 36px;
        cursor: pointer;

        &.download {
          left: 30px;
          background: url("~common/images/download.png") center center / auto 20px no-repeat;
        }
      }
    }
  }

  .ant-table-tbody {
    font-size: $fz12;

    tr {
      .ant-table-column-sort {
        background-color: transparent !important;
      }

      &:hover {
        .ant-table-column-sort {
          background-color: #fff !important;
        }
      }

      &.disabled {
        color: $cccc !important;

        *:hover {
          color: $cccc !important;
          text-decoration: none;
        }
      }

      &.active {
        background-color: #E5E5E5 !important;

        &:hover {

          .ant-table-cell-ellipsis,
          td {
            background-color: #E5E5E5 !important;
          }
        }

        .item {
          color: $color;
          font-size: $fz14;

          .highlight {
            color: $color;
          }
        }

        .ant-table-cell {
          border: none !important;
        }
      }
    }
  }
}

.singerText {
  cursor: pointer;
  padding-right: 5px;

  &:hover {
    color: #000000d9;
    text-decoration: underline;
  }
}




.vip {
  background: url("~common/images/vip.png") center center / contain no-repeat;
}

.sq {
  background: url("~common/images/sq.png") center center / contain no-repeat;
}

.mv {
  width: 42px !important;
  cursor: pointer;
  background: url("~common/images/mv.png") center center / contain no-repeat;
}